<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<style>
			input[type="date"]::before {
				color: #999999;
				content: attr(placeholder);
			}
			input[type="date"] {
				color: #ffffff;
			}
			input[type="date"]:focus,
			input[type="date"]:valid {
				color: #666666;
			}
			input[type="date"]:focus::before,
			input[type="date"]:valid::before {
				content: "" !important;
			}
			
		</style>
	</head>
	<body>
		<input type="date" placeholder="Date" required>

	</body>
</html>
